// import CategoryItem from "./components/category-item/category-item.component";

import { Routes, Route } from "react-router-dom";
import Home from "./routes/home/home.component";

import Navigation from "../src/routes/navigation/navigation.component";
import Shop from "./routes/shop/shop.component";
import Search from "./routes/search/search.componet";
import Like from "./routes/like/like.componet";
import Checkout from "./routes/checkout/checkout.component";
// const Shop = () => {
//   return <h1>shop page</h1>;
// };
import Authentication from "./routes/authentication/authentication.component";
const App = () => {
  return (
    <Routes>
      <Route path="/" element={<Navigation></Navigation>}>
        <Route index element={<Home></Home>}></Route>
        <Route path="like" element={<Like></Like>}></Route>
        <Route path="shop/*" element={<Shop />} />
        <Route path="search" element={<Search></Search>}></Route>
        <Route path="auth" element={<Authentication />} />

        <Route path="checkout" element={<Checkout />} />
      </Route>
    </Routes>
  );
};

export default App;
